<template>
	<view class="cover_wrapper">
		<view>
			<view class="p_font_24 p_flex12 p_t_96 p_b_36">
				<view class="p_color_fff">封底</view>
				<view class="p_color_fff">封面</view>
			</view>
			<view class="p_lr_24">
				<view class="cover_content">
					<!-- 封面 -->
					<!-- 封底 -->
				</view>
			</view>
		</view>
		<view>
			<view class="p_flex9 p_lr_54">
				<view class="type_content p_font_26">
					<view>只需封面</view>
					<view>封面封底</view>
				</view>
				<view class="p_font_26 p_flex2">
					<view class="p_flex2">
						<image src="https://dy.sykj365.com/uploads/mini/chongzhi@2x.png" class="p_img_32 p_margin_r_8"></image>
						<view class="p_color_b2">重置</view>
					</view>
					<view class="p_flex2 p_margin_l_48">
						<image src="https://dy.sykj365.com/uploads/mini/xuanzhuan@2x.png" class="p_img_32 p_margin_r_8"></image>
						<view class="p_color_b2">旋转</view>
					</view>
				</view>
			</view>
			<view class="p_btn">
				<view>确定</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {

		},
		onShow() {

		},
		methods: {

		}
	}
</script>

<style lang="less">
	.cover_wrapper {
		width: 100%;
		min-height: 100vh;
		background-color: #222;
	}

	.cover_content {
		width: 100%;
		height: 490rpx;
		background-color: #fff;
		position: relative;
	}

	.type_content {
		display: flex;
		flex-wrap: wrap;

		view {
			color: #B2B2B2;
			padding: 8rpx 18rpx;
			border: 1px solid #3E3E3E;
			border-radius: 80rpx;
			margin: 4rpx 8rpx;
			min-width: 68rpx;
			text-align: center;

			&.active {
				color: #05B570;
			}
		}
	}

	.p_btn {
		margin-top: 82rpx;
	}
</style>
